<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="description" content="Description">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
</head>
<style>
  /* 自定义样式 */
  /*.sidebar .search:after {*/
  /*  content: '';*/
  /*  display: block;*/
  /*  background-image: url('../images/71526754_p0.jpg'); !* 替换为您的图片路径 *!*/
  /*  background-size: contain;  !* 或使用 'cover' 填充整个区域 *!*/
  /*  background-repeat: no-repeat;*/
  /*  background-position: center;*/
  /*  width: calc(100%); !* 宽度减去左右边距 *!*/
  /*  height: 0; !* 关键：设置高度为0 *!*/
  /*  margin: auto auto;*/
  /*  !* 计算宽高比，假设原始图片宽高比是2:1，可以这样设置高度 *!*/
  /*  padding-bottom: calc((50%)); !* 高度为宽度的一半(根据图片比例调整) *!*/
  /*  max-width: 100%;*/
  /*}*/
  .sidebar:not(.collapsed) .sidebar-nav::before {
    content: '';
    display: block;
    background-image: url('../images/71526754_p0.jpg');
    background-size: cover; /* 确保图片覆盖整个区域 */
    background-position: center;
    width: 100%; /* 宽度100% */
    height: 200px; /* 明确设置高度，可以根据需要调整 */
    margin-bottom: 5px; /* 与下方内容分隔 */
    margin-top: -20px; /* 负上边距减小与搜索框的间距 */
    /*margin-left: 1px; !* 负上边距减小与搜索框的间距 *!*/
  }
</style>
<body>
<div id="app"></div>
<script>
  window.$docsify = {
    homepage: 'homePage.md',
    loadSidebar: true,
    subMaxLevel: 3,
    search: {
      maxAge: 86400000,
      paths: 'auto',    // 修改为 auto
      placeholder: '搜索',
      noData: '没有找到结果',
      depth: 6,
      hideOtherSidebarContent: false,
      namespace: 'your-website'  // 添加命名空间
    },
    plugins: [
      function(hook, vm) {
        hook.beforeEach(function(content) {
          return content.replace(/\!\[([^\]]+)\]\(\/docs\/images\//g, '![**$1**](images/');
        });
      }
    ]
  }
</script>
<!-- 先加载主脚本 -->
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
<!-- 然后加载插件 -->
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
</body>
</html>
